.container {
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	max-width: 1250px;
}
@media screen and (max-width: 575px) {
	.category-container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
.main-header {
	background-color: white !important;
	z-index: 1 !important;
}
.category-header {
	background-color: #feb2c0;
	position: sticky;
	margin: 0 auto;
}
.category-body {
	margin: 0 10%;
}
.category-header .category-body .pixelstrap a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.category-header .category-body .pixelstrap a:hover {
	color: white;
}
.cart-count {
	background-color: #fa869b;
	color: white;
	display: flex;
	padding: 5px;
	border-radius: 50px;
}
.margin-top {
	margin-top: 150px !important;
}

@media screen and (max-width: 575px) {
	.margin-top {
		margin-top: 80px !important;
	}
	.main-header {
		position: fixed !important;
	}
}

.slick-dots li button:before {
	margin-top: 15px;
	font-size: 12px !important;
	color: #fa869b !important;
}
.slick-dots li.slick-active button:before {
	color: #fa869b !important;
}

.page-item.active .page-link {
	z-index: 0 !important;
}
#customModal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
}

.modal-content {
	background: #fff;
	padding: 20px 0px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	/* width: 80%; */
	/* max-width: 400px; */
	position: relative;
}

.close-btn {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	color: #777;
}

#profile-card {
	max-width: 400px;
	margin: 20px auto;
	text-align: center;
}

#profile-image {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	object-fit: cover;
	margin: 0 auto 15px;
}
/* profile page */
.box-info {
	max-width: 60%;
	margin: auto;
}
.dashboard-profile-img {
	width: 20%;
	height: auto;
	border-radius: 100%;
}
.contact-info {
	display: flex;
	justify-content: space-around;
}
.dashboard-address-card {
	margin: 10px 20px;
	border-radius: 20px;
	padding: 20px 30px;
}
.address-name {
	color: #fa869b !important;
}
.default-address {
	color: #f7ccd4;
}
.booking-history-card {
	border-radius: 20px !important;
}

@media (max-width: 992px) {
	.dashboard-profile-img {
		width: 40%;
	}
	.box-info {
		max-width: 90%;
	}
}
@media screen and (max-width: 575px) {
	.contact-info {
		flex-direction: column;
	}
	.dashboard-address-body {
		padding: 0px !important;
	}
}

/* model pop up */
.model-background {
	background: #f8e7eb !important;
}
/* products Page */
.product-card {
	border-radius: 20px;
}
.product-body {
	background-color: #faf1f3;
	margin-top: 0px !important;
	padding-top: 180px !important;
}
/* add to cart model */
.modal-lg {
	max-width: max-content !important;
}

.img-fluid {
	min-width: 100% !important;
}
.modal-dialog {
	margin: 0px auto !important;
}
.theme-modal .modal-dialog .modal-content .modal-body .product-box .add-btn {
	padding: 7px 15px !important;
}
.modal-body {
	padding: 0.5rem;
}
.product-detail .product-title a {
	color: #fa869b;
}
.serving-info {
	background: #f8e7eb !important;
}

.serving-info ul {
	border-radius: 16px;
	border: 1px solid #e7edef;
	background: #fff;
	padding: 0;
}

.serving-info li {
	border-bottom: 1px solid #e7edef;
	padding: 16px 15px;
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.serving-info ul li .item-required {
	text-align: left;
	color: #494d4d;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.28px;
}

.serving-info ul li .server-to-people {
	text-align: right;
	font-weight: 500;
	font-size: 14px;
	color: #8d908f;
}
.serving-info-btn {
	color: #fa869b;
}
.location-available {
	color: green !important;
}
.location-notavailable {
	color: red !important;
}
.wishlist-btn {
	padding: 2%;
	margin: auto;
	border-radius: 50%;
}
.wishlist-heart {
	margin: auto;
	font-size: 25px !important;
	color: #fa869b;
}
.timer-remaining {
	color: #feb2c0;
	padding: 0px 10px;
}

@media (max-width: 992px) {
	.product-input-group {
		margin: auto;
		align-items: center;
	}
}
/* order-detail */
.cart-section .order-details {
	position: relative;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	padding: 40px;
	border-radius: 20px;
}
.delivary-status {
	background-color: #fff7f9;
	border: #fa869b solid;
	border-radius: 20px;
}
/* Cart Page */
.cart-section .cart-details {
	position: relative;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	padding: 40px;
}

.cart-title h2 {
	/* font-size: 32px !important; */
	font-weight: 500;
	padding-bottom: 10px;
	color: #fa869b;
	text-transform: none !important;
}
.trending-card {
	border-radius: 100px;
	width: 200px;
	height: 200px;
}
.cart-category-card {
	border-radius: 100px;
	width: 150px;
	height: 150px;
}
.full-img {
	height: 100% !important;
}

@media (max-width: 992px) {
	.trending-card {
		width: 150px;
		height: 150px;
	}
	.cart-category-card {
		width: 100px;
		height: 100px;
	}
	.cart-category-title h3 {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.cart-section .order-details {
		padding: 20px;
	}
	.cart-category-card,
	.trending-card {
		width: 50px;
		height: 50px;
	}
	.cart-category-title h3 {
		font-size: 14px;
	}
}
/* Product Detail Page */
.slick-vertical .slick-slide {
	border: 10px solid transparent !important;
}
.img-curved {
	border-radius: 20px !important;
}

/* cart icon on product */
@media screen and (max-width: 575px) {
	.game-product .product-box .cart-info {
		bottom: 80px;
		right: 20px !important;
	}
}

/* product detail page */
@media screen and (max-width: 575px) {
	.slider-body {
		margin: 10px !important;
	}
	.slider-img-card {
		margin: 10px !important;
	}
}

/* quantity button */
.quantity-right-plus,
.quantity-left-minus {
	border-radius: 0 !important;
}

/* model */

.modal .modal-dialog .modal-header .btn-close {
	background-color: transparent !important;
	border: 0 !important;
	font-size: large !important;
}

/* header */

header.header-5 .top-header {
	color: white;
}
header.header-5 .top-header .header-contact li {
	color: white;
}
header.header-5 .top-header .header-dropdown li {
	color: white;
}
header.header-5 .top-header .header-dropdown li a {
	color: white;
}

/* Slider */
.home-slider {
	border-radius: 20px;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.slider-card .home {
	border-radius: 20px;
}
/* cart */
.cart-card,
.cart-details,
.address-card,
.checkout-details {
	border-radius: 20px;
}
.cart-card img {
	border-radius: 20px 0 0 20px;
}
@media screen and (min-width: 992px) {
	.cart-body {
		height: 100%;
		overflow: scroll;
	}
	.cart-body::-webkit-scrollbar {
		display: none;
	}
	.sticky-right {
		position: -webkit-sticky;
		position: sticky;
		top: 200px;
		height: calc(100vh - 20px); /* Adjust height as needed */
		overflow-y: auto;
		margin-left: auto;
	}
}
@media screen and (max-width: 575px) {
	.cart-card img {
		border-radius: 20px 20px 0 0;
	}
}
/* Product card */
.tools_product .multiple-slider .theme-card .cards-left {
	background-color: #f5b8df1c;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	transition: box-shadow 0.3s ease;
}
.occasion-card {
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
}
.game-product .recommended-card .card {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.game-product .product-box .card {
	background-color: #f5b8df1c;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	/* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  */
	transition: transform 0.3s ease;
}
.game-product .product-box .card:hover {
	transform: translateZ(10px) scale(1.05);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}

.carousel-wrapper {
	position: relative;
	overflow: hidden;
}

.carousel-controls {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.carousel-controls-qu {
	position: absolute;
	top: 25%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}


.carousel-indicators {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.carousel-control-btn {
	font-size: 2rem;
	padding: 10px;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.prevBtn {
	position: absolute;
	background-color: #f9dee4;
	border-radius: 50px;
	left: 10px;
	color: #fa869b;
}

.nextBtn {
	position: absolute;
	background-color: #f9dee4;
	border-radius: 50px;
	right: 10px;
	color: #fa869b;
}
@media screen and (max-width: 575px) {
	.prevBtn {
		left: 0px !important;
	}
	.nextBtn {
		right: 0px !important;
	}
}

.carousel-indicator {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background-color: #ccc; /* Inactive color */
}

.carousel-indicator.active {
	background-color: #000; /* Active color */
}

.products-list .game-product {
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.3s ease;
}

.products-list .game-product .product-box {
	flex: 0 0 auto;
	min-width: calc(100% - 20px);
	margin-bottom: 20px;
}
.products-list .game-product .deal-cards {
	margin-left: 10px;
	margin-right: 10px;
}

/* Optional: Hide scrollbar in other browsers */
.products-list .game-product::-webkit-scrollbar {
	display: none;
}

/* Tablet view: Two cards per row */
@media (min-width: 576px) {
	.products-list .game-product .product-box {
		min-width: calc(50% - 20px);
	}
}

/* Desktop view: Four cards per row */
@media (min-width: 992px) {
	.products-list .game-product .product-box {
		min-width: calc(25% - 20px);
	}
}

/* add to cart pop up card */
.add-to-cart-card .card {
	background-color: #f5b8df1c;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	transition: transform 0.3s ease;
}
.add-to-cart-card .card:hover {
	transform: translateZ(5px) scale(1);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 576px) {
	.add-to-cart-card {
		width: calc(50% - 1px);
	}
}

@media (min-width: 576px) and (max-width: 992px) {
	.add-to-cart-card {
		width: calc(25% - 1px);
	}
}

@media (min-width: 992px) {
	.add-to-cart-card {
		width: calc(20% - 1px);
	}
}

/* rating */
.custom-rating .rating {
	background-color: #fa869b;
	color: white;
	border-radius: 5px;
}
.custom-rating .rating .star i {
	color: white !important;
}
.custom-rating .review-count {
	color: #fa869b;
}

/* dropdown */

.custom-dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-menu {
	display: none;
	top: 50px;
	left: 130px !important;
	position: absolute;
	background-color: #fff;
	border: 1px solid #fa869b;
	z-index: 1;
}

.dropdown-item {
	display: block;
	padding: 0.5rem 1rem;
	color: #495057;
	text-decoration: none;
}

.dropdown-item:hover {
	background-color: #f7ccd4;
}
@media (max-width: 576px) {
	.dropdown-menu {
		left: 60px !important;
	}
}
@media (max-width: 992px) {
	.dropdown-menu {
		left: 0px !important;
	}
}
/* Top shortcut buttons for filter */
.shortcut-btn {
	display: flex;
	overflow-x: auto;
	flex-wrap: nowrap;
	-webkit-overflow-scrolling: touch;
}
.shortcut-btn::-webkit-scrollbar {
	display: none;
}
@media (min-width: 576px) {
	.overflow-auto {
		overflow-x: auto;
		max-width: calc(100% - 30%);
	}
	.custom-dropdown {
		flex-basis: 25%;
		text-align: right;
	}
}

@media (max-width: 576px) {
	.custom-dropdown {
		width: 100%; /* Ensure full width */
		text-align: center; /* Center the button */
	}
}

/* sub-category cards */
.sub-category-cards {
	flex-wrap: nowrap;
}
.sub-category-cards::-webkit-scrollbar {
	display: none;
}
/* trending card section */
.trending-cards-section {
	background-color: rgba(253, 243, 244, 0.655);
	border: #feb2c0 solid;
	border-radius: 40px;
}
.trending-card {
	border-radius: 200%;
}

/* status tracking */
.steps .step {
	display: block;
	width: 100%;
	margin-bottom: 35px;
	text-align: center;
}

.steps .step .step-icon-wrap {
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	text-align: center;
}

.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
	display: block;
	position: absolute;
	top: 50%;
	width: 50%;
	height: 3px;
	margin-top: -1px;
	background-color: #e1e7ec;
	content: "";
	z-index: 1;
}

.steps .step .step-icon-wrap::before {
	left: 0;
}

.steps .step .step-icon-wrap::after {
	right: 0;
}

.steps .step .step-icon {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	border: 1px solid #e1e7ec;
	border-radius: 50%;
	background-color: #f5eef0;
	color: #ff98ab;
	font-size: 38px;
	line-height: 81px;
	z-index: 5;
}

.steps .step .step-title {
	margin-top: 16px;
	margin-bottom: 0;
	color: #606975;
	font-size: 14px;
	font-weight: 500;
}

.steps .step:first-child .step-icon-wrap::before {
	display: none;
}

.steps .step:last-child .step-icon-wrap::after {
	display: none;
}

.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
	background-color: #fa869b;
}

.steps .step.completed .step-icon {
	border-color: #fa869b;
	background-color: #f7ccd4;
	color: #fff;
}

@media (max-width: 576px) {
	.steps .step .step-icon {
		width: 40px;
		height: 40px;
		line-height: 20px;
	}
	.steps .step .step-icon-wrap {
		height: 40px;
	}
	.steps .step .step-title {
		font-size: 10px;
	}
	.order-tracking-fa {
		font-size: 16px !important;
	}
}

.bg-faded,
.bg-secondary {
	background-color: #f5f5f5 !important;
}

.addon-img {
	height: 200px;
	max-height: 200px;
	/* min-width: 450px;
	height: 250px; */
	object-fit: contain;
}

@media (min-width: 992px) {
	.modal-md {
		max-width: 50%;
	}

	.modal-loc {
		max-width: 30%;
	}
}

/* For mobile devices */
@media (max-width: 991.98px) {
	.modal-md,
	.modal-loc {
		max-width: 90%;
	}
}

.cart-count {
	top: 0;
	transform: translate(120%, -50%); /* Center the content */
}

.adminprod-img {
	max-height: 200px;
}